<html>
	<head>
		<link rel="stylesheet" type="text/css" href="style.css">
		<title>Bluetendance Teacher Registration</title>
	</head>
	
	<body>
		<div class="PageWrapper">
			<div class="InnerPageWrapper">
				<div class="Header">
					<img src="HeaderIcon.png" alt="Bluetendance Icon">
					<div class="Title">Bluetendance</div>
				</div>
				<div class="Divider">
					<ul>
						<li><a href="TeacherRegistration.html" class="active">Teacher Registration</a></li>
						<li><a href="StudentRegistration.html">Student Registration</a></li>
						<li><a href="Attendance.html">View Attendance Records</a></li>
					</ul>
				</div>
				<h3>Please fill out the form to register a new class.</h3>
				<div class="TeacherRegistrationForm">
					<form  name="userRegisterForm" action="http://localhost:8080/registerTeacher" method="get">
						<div class="row">
							<div class="leftSide">
								Name: 
							</div>
							<div class="rightSide">
								<input type="text" name="name" />
							</div>
						</div>
						<div class="row">
							<div class="leftSide">
								Class Name:
							</div>
							<div class="rightSide">
								<input type="text" name="className" />
							</div>
						</div>
						<input class="submit" type="submit" value="Register" />
					</form>
				</div>
			</div>
		<div>
	</body>
</html>